<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page import="java.io.*, java.sql.*, java.util.*,LS.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<style>
.b:hover {
	background-color: #999999;
	color: white;
	cursor: pointer;
}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

th,td {
	padding-bottom: 5px;
}

h4,h1 {
	margin: 0px;
	padding: 0px;
}

th {
	height: 20px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

tr {
	border-bottom: 1px solid #e5e5e5;
}

table {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.no {
	width: 20%;
}

.date {
	width: 30%;
}

#middleview {
	width: 100%;
	height: 100%;
	margin: 0px;
}

#innerview {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
</style>

<head>
<title>성공회대학교 기자재 대여 시스템</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- styles시트 -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/docs.css" rel="stylesheet">
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script type="text/javascript">
		$(document).ready(function() {
			$('.dropdown-toggle').dropdown();
		});
	</script>
</head>
<body>


	<div id="middleview">
		<div id="innerview">
			<table class="tableview">
				<tr>
					<th class="no">No.</th>
					<th class="title">제목</th>
					<th class="date">날짜</th>
				</tr>
				<c:forEach var="dish" items="${notice}">
					<tr class='b'
						onclick="location.href='noticeRead.do?notice_id=${dish.notice_id}'">
						<td>${dish.notice_id}</td>
						<td>${dish.title}</td>
						<td>${dish.getDateShort()}</td>
					</tr>
				</c:forEach>

			</table>
		</div>
	</div>
</body>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.dropdown-toggle').dropdown();
	});
</script>
</html>